<template>
    <div class="sccece_hader">
          <h3>恭喜您预约成功！</h3>
          <p style="font-size:14px;color:darkorange; margin-top: 5px;">加号排队：您好，我们已经收到您的加号申请，我们会按照预约取消的顺序安排预约，如没有取消我们也会跟医生沟通安排就诊，请您耐心等待我们的通知（就诊前一天），感谢您的配合！</p>
          <div class="sccece_hader_font">
              <div>预约编号</div>
              <div>201905205552091</div>
          </div> 

           <div  class="sccece_hader_body">
                      <div class="sccece_hader_font">
                                <div>患者姓名</div>
                                <div>张三</div>
                      </div> 
                      <div class="sccece_hader_font">
                                <div>预约医生</div>
                                <div>张厚杰</div>
                      </div> 
                      <div class="sccece_hader_font">
                                <div>门店地址</div>
                                <div>建国东路320号，近黄陂南路</div>
                      </div> 
                       <div class="sccece_hader_font">
                                <div>预约时间</div>
                                <div>2019年6月29日  下午15点30分</div>
                      </div> 
                      
           </div>

                 <div class="sccece_hader_bottom"><van-button type="default" @click="onclicko">查看预约</van-button></div>
    </div>
</template>

<script>
    export default {
        methods: {
           onclicko(){
             this.$router.push('zhfub')  
           } 
        },
    }
</script>

<style>
.sccece_hader_bottom
{
 margin-left: 140px;
 width: 200px;
 height: 40px;   
}
.sccece_hader
h3
{
 text-align: center;   
 color:darkorange;

}
 .sccece_hader{
 width: 100%;   
 height:500px;
 /* border:1px solid #000; */
 padding-top:20px;

}
.sccece_hader_font
{
 margin-top:30px;    
 width: 90%;
 display: inline-flex;
 justify-content: space-between;   
}
.sccece_hader_body
{
 width: 90%;
 height: 230px;
 /* border:1px solid #000; */
 margin:  auto; 
 margin-top:30px; 
}
</style>